import React from 'react'
import './index.less'
import ROUTES from '@utils/routes'
import Breadcrumb from '@components/Breadcrumb/index'
import { withRouter } from 'react-router-dom'

import SourceData from '@utils/sourceData.js'
const { leadingScientists } = SourceData
class LeadingScientists extends React.Component{
    constructor(props) {
        super(props)
    }

    render() {
        document.title = '关于我们-领衔科学家'
        return (
            <div className="leading-scientists">
                <Breadcrumb arr={['关于我们', '领衔科学家']}/>
                <ul className="main">
                {
                    leadingScientists.map((item, index) => (
                        <li key={index}
                            onClick={()=>{
                                this.props.history.push({
                                    pathname: ROUTES.ABOUT_US.LEADING_SCIENTISTS.DETAIL.URL,
                                    search: `id=${item.id}`
                                })
                            }}
                        >
                            <div><img src={item.img} key={index}/></div>
                            <p>{item.name}</p>
                        </li>
                    ))
                }
                </ul>
            </div>
        )
    }
}
export default withRouter(LeadingScientists)